<!DOCTYPE html>
<html lang="en">
<head>
	<title>武进</title>
	<meta charset="UTF-8">
	<meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="css/swiper-4.3.5.min.css" />
    <link href="css/video-js.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/pingzi_video.css" />
   	<link rel="stylesheet" href="css/index.css" />
   	<script src="js/jquery-1.8.3.min.js"></script>
   	<script src="js/swiper-4.3.5.min.js"></script>
   	<script src="js/jquery.lazyload.min.js"></script>
   	<script src="js/pingzi_video.js"></script>
</head>
<body>
	<header>
		<div class="clearfix pr">
			<a href="" class="logo fl">
				<img src="images/logo.png" alt="">
			</a>
			<div class="menu f-14">
				<a href="">
					行业与案例
				</a>
				<a href="">
					产品中心
				</a>
				<a href="">
					品质与研发
				</a>
				<a href="">
					营销与服务
				</a>
				<a href="">
					关于武进
				</a>
				<a href="">
					职业发展
				</a>
				<a href="">
					投资者关系
				</a>
			</div>
			<div class="search-btn"></div>
		</div>
	</header>
	<div class="header-fix pr">
			<a href="" class="logo pa">
				<img src="images/logo_w.png" alt="">
			</a>
			<ul class="fix-menu f-14 pa">
				<li class="fl">
					<a href="">行业与案例</a>
				</li>
				<li class="fl">
					<a href="">产品中心</a>
				</li>
				<li class="fl">
					<a href="">品质与研发</a>
				</li>
			</ul>
			<div class="search-btn pa"></div>
	</div>
	<div class="home-index">
		<!--banner-->
		<div class="home-banner pr">
			<div class="swiper-container swiper-banner">
			    <div class="swiper-wrapper">
					<a class="swiper-slide" href="" style="background:url(images/banner1.jpg) no-repeat center top;"></a>
					<a class="swiper-slide" href="" style="background:url(images/banner1.jpg) no-repeat center top;"></a>
					<a class="swiper-slide" href="" style="background:url(images/banner1.jpg) no-repeat center top;"></a>
					<a class="swiper-slide" href="" style="background:url(images/banner1.jpg) no-repeat center top;"></a>
			    </div>
			    <div class="swiper-button-next"></div>
    			<div class="swiper-button-prev"></div>
			</div>
			<!--news-->
			<div class="hoem-news pa">
				<div class="news-box clearfix">
					<div class="news-title f-18 pl-25 pt-10 pr-30 fl">
						最新新闻
					</div>
					<ul class="fl news-main pt-10">
						<li class="f-14">
							<a href=""><b class="pr-20">Sept. 06</b>武进不锈举行大口径720穿孔机组投产联谊交流会</a>
						</li>
						<li class="f-14">
							<a href=""><b class="pr-20">Sept. 06</b>武进不锈举行大口径720穿孔机组投产联谊交流会</a>
						</li>
						<li class="f-14">
							<a href=""><b class="pr-20">Sept. 06</b>武进不锈举行大口径720穿孔机组投产联谊交流会</a>
						</li>
					</ul>
					<a href="" class="fr more">
						<img src="images/dot1.png" alt="">
					</a>
				</div>
			</div>
			<!--news-->
		</div>
		<script>
			var swiper = new Swiper('.swiper-banner', {
			    navigation: {
			        nextEl: '.swiper-button-next',
			        prevEl: '.swiper-button-prev',
			      },
				autoplay: {
					delay: 3000,
					stopOnLastSlide: false,
					disableOnInteraction: false,
				},
				loop:true,
		    });
		</script>
		<div class="home-main1 wrap-box clearfix pt-90 pb-90">
			<a href="" class="main1-list fl pr">
				<img src="images/home_main1_1.jpg" alt="" class="lis-img">
				<div class="lis-st pa"></div>
				<div class="lis-txt f-18 pa">
					无缝钢管
				</div>
			</a>
			<a href="" class="main1-list fl pr">
				<img src="images/home_main1_2.jpg" alt="" class="lis-img">
				<div class="lis-st pa"></div>
				<div class="lis-txt f-18 pa">
					焊接钢管
				</div>
			</a>
			<a href="" class="main1-list fl pr">
				<img src="images/home_main1_3.jpg" alt="" class="lis-img">
				<div class="lis-st pa"></div>
				<div class="lis-txt f-18 pa">
					钢制管件和法兰
				</div>
			</a>
		</div>

		<div class="home-main2 wrap-box">
			<div class="main2-title t-c f-24">行业与案例</div>
			<div class="clearfix">
				<div class="main2-list fl">
					<div class="lis-img pr">
						<img src="images/home_main2_1.jpg" alt="">
						<div class="img-hover pa">
							<img src="images/home_main2_1hover.png" alt="">
						</div>
						<div class="f-16 pa lis-txt t-c">石油</div>
					</div>
					<h3 class="f-14 pb-5">重要客户：</h3>
					<ul class="f-14">
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
					</ul>
					<a href="" class="more f-14">查看更多 ></a>
				</div>
				<div class="main2-list fl">
					<div class="lis-img pr">
						<img src="images/home_main2_2.jpg" alt="">
						<div class="img-hover pa">
							<img src="images/home_main2_2hover.png" alt="">
						</div>
						<div class="f-16 pa lis-txt t-c">煤化工</div>
					</div>
					<h3 class="f-14 pb-5">重要客户：</h3>
					<ul class="f-14">
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
					</ul>
					<a href="" class="more f-14">查看更多 ></a>
				</div>
				<div class="main2-list fl">
					<div class="lis-img pr">
						<img src="images/home_main2_3.jpg" alt="">
						<div class="img-hover pa">
							<img src="images/home_main2_3hover.png" alt="">
						</div>
						<div class="f-16 pa lis-txt t-c">LNG</div>
					</div>
					<h3 class="f-14 pb-5">重要客户：</h3>
					<ul class="f-14">
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
					</ul>
					<a href="" class="more f-14">查看更多 ></a>
				</div>
				<div class="main2-list fl">
					<div class="lis-img pr">
						<img src="images/home_main2_1.jpg" alt="">
						<div class="img-hover pa">
							<img src="images/home_main2_1hover.png" alt="">
						</div>
						<div class="f-16 pa lis-txt t-c">石油</div>
					</div>
					<h3 class="f-14 pb-5">重要客户：</h3>
					<ul class="f-14">
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
					</ul>
					<a href="" class="more f-14">查看更多 ></a>
				</div>
				<div class="main2-list fl">
					<div class="lis-img pr">
						<img src="images/home_main2_1.jpg" alt="">
						<div class="img-hover pa">
							<img src="images/home_main2_1hover.png" alt="">
						</div>
						<div class="f-16 pa lis-txt t-c">石油</div>
					</div>
					<h3 class="f-14 pb-5">重要客户：</h3>
					<ul class="f-14">
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
					</ul>
					<a href="" class="more f-14">查看更多 ></a>
				</div>
				<div class="main2-list fl">
					<div class="lis-img pr">
						<img src="images/home_main2_1.jpg" alt="">
						<div class="img-hover pa">
							<img src="images/home_main2_1hover.png" alt="">
						</div>
						<div class="f-16 pa lis-txt t-c">石油</div>
					</div>
					<h3 class="f-14 pb-5">重要客户：</h3>
					<ul class="f-14">
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
						<li>中国神华煤制油化工有限公司</li>
					</ul>
					<a href="" class="more f-14">查看更多 ></a>
				</div>
			</div>
		</div>

		<div class="home-main3 wrap-box clearfix">
			<div class="main3-left fl pr">
				<video id="my-video" class="video-js" controls preload="auto" width="720" height="405" poster="images/video_pic.jpg" data-setup="{}">
			        <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
			    	<source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
			    	<source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
			        <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p>
		      	</video>
		      	<div class="pa jdt"><img src="images/jdt.png" alt=""></div>
		      	<script src="js/video.min.js"></script> 
		      	<script src="js/zh-CN.js"></script>
		      	<script type="text/javascript">
					var myPlayer = videojs('my-video');
					videojs("my-video").ready(function(){
						var myPlayer = this;
						myPlayer.play();
					}); 
					$('#my-video').click(function(){
						$('.jdt').hide();
					})
				</script>
			</div>
			<div class="main3-right fr">
				<h3 class="f-24 pb-15">关于武进不锈</h3>
				<p class="f-14">
					江苏武进不锈股份有限公司始建于上世纪70年代初（以下简称武进不锈），是国内规模最大、综合实力最强的工业用不锈钢管制造企业之一。公司于2016年12月19日在上海证券交易所主板成功上市（代码：603878），开启了武进不锈的里程碑式的崭新篇章。
				</p>
				<p class="f-14 pt-5">
					作为高新技术企业，武进不锈为能源行业、高端装备制造业等各领域提供不锈钢及特种合金无缝管、焊接管和管件、法兰产品的研发、制造和销售。我们的产品广泛用于电站锅炉、核电、石油、石化、化工、煤化工、盐化工、LNG、船舶与海洋及压力容器、机械制造等行业。
				</p>
				<p class="f-14 pt-5">
					我们的愿景是：“为全球能源用户提供可靠的不锈钢管道产品一体化解决方案”。
				</p>
				<a href="" class="more f-12 t-c">查看更多 ></a>
			</div>
		</div>
	</div>
	<footer>
		<a href="" class="footer-ad"></a>
		<div class="footer-box">
			<div class="wrap-box">
				<div class="f-logo">
					<img src="images/logo.png" alt="">
				</div>
				<div class="clearfix foot-mind">
					<div class="footer-left fl">
						<ul class="fl left-title f-36">
							<li>
								Add:
							</li>
							<li>
								Tel:
							</li>
							<li>
								Fax:
							</li>
							<li>
								Email:
							</li>
						</ul>
						<ul class="left-info f-16 fl">
							<li>
								中国江苏省常州市天宁区<br />
								郑陆镇武澄西路1号
							</li>
							<li>
								客服电话：+86-400-928-8688<br />
								内贸电话：+86-519-88737408 
							</li>
							<li>
								+86-519-88732150
							</li>
							<li>
								sales@wjss.com.cn
							</li>
						</ul>
						<div class="clear"></div>
						<div class="left-link">
							<a href="" class="pr-15">隐私条约</a>|<a href="" class="pl-15 pr-15">使用条款</a>|<a href="" class="pl-15">网站地图</a>
						</div>
					</div>
					<div class="footer-center fl">
						<h3 class="f-36 pt-35">
							Media:
						</h3>
						<div class="clearfix pt-20 pb-20">
							<div class="fl">
								<img src="images/weixin.png" alt="">
							</div>
							<p class="fl f-14 pt-40 pl-15">
								武进不锈<br />
								官方微信号
							</p>
						</div>
						<div class="fc-video pt-15">
							<h3 class="f-36">
								Video:
							</h3>
							<div class="pt-10 pr fc-vibox m-video" data-src="http://vjs.zencdn.net/v/oceans.mp4">
								<img src="images/f_veo.jpg" alt="">
								<div class="btn pa"></div>
							</div>
						</div>
					</div>
					<div class="footer-right fl">
						<div class="fr-link">
							<a href="" class="f-14">行业与案例</a>
							<a href="" class="f-14">产品中滚</a>
							<a href="" class="f-14">品质与研发</a>
							<a href="" class="f-14">营销与服务</a>
							<a href="" class="f-14">关于武进</a>
							<a href="" class="f-14">职业发展</a>
							<a href="" class="f-14">投资者关系</a>
						</div>
						<div class="fc-video pt-15">
							<h3 class="f-36">
								Publications:
							</h3>
							<div class="clearfix pt-10">
								<div class="fl">
									<img src="images/f_pic.jpg" alt="">
								</div>
								<div class="fl f-14 pt-15 pl-15">
									<div>
										武进不锈2017年<br />
										企业年报
									</div>
									<a href="" class="more f-12 t-c">more ></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="wrap-box footer-bottom f-12">
				<div class="fl">
					苏ICP备00000598号 苏公安备1105394320453
				</div>
				<div class="fr go-top">
					<img src="images/go_top.jpg" alt="">
				</div>
				<div class="fr pr-40">
					Copyright ©江苏武进不锈股份有限公司 2017  版权所有。   品牌策划设计/技术支持：博扬工业品牌营销
				</div>
			</div>
		</div>
	</footer>
	<div class="search-box">
		<div class="wrap clearfix search-header">
			<a href="" class="logo fl">
				<img src="images/logo.png" alt="">
			</a>
			<a href="javascript:;" class="fr close-btn">
				<img src="images/close_btn.png" alt="">
			</a>
		</div>
		<form action="" class="sea-form wrap clearfix">
			<input type="text" placeholder="Search" class="serch-input fl" id="txtWord">
        	<input type="button" class="serch-btn fr" id="btnSearch">
		</form>
	</div>
	<script>
		$(window).scroll(function(){
            var before = $(window).scrollTop();
            $(window).scroll(function() {
                var after = $(window).scrollTop();
                if (before<after) {
                	$('.header-fix').removeClass('fixed');
                    before = after;
                };
                if (before>after) {
                	$('.header-fix').addClass('fixed');
                    if(after<90){
                    	$('.header-fix').removeClass('fixed');
                    }
                    before = after;
                };
            });
        });
	</script>
	<script>
		$(function(){
			$('.search-btn').click(function(){
				$('.search-box').show();
			});
			$('.close-btn').click(function(){
				$('.search-box').hide();
			});
			$('.go-top').click(function(){
				$('html , body').animate({scrollTop: 0},'slow');
			})
		})
	</script>
</body>
</html>